<!DOCTYPE html>
<html>
    <head>
    <style type="text/css">
    p:nth-child(2){
    /*选中父元素中的第二个子元素p*/
    font-weight: bold;/*加粗*/
    }
    p:first-of-type{
    /*选中父元素中第一个同类型子元素*/
    font-style: italic;/*倾斜*/
    }
    a:only-child{
    /*选中父元素仅有的子元素a*/
    text-decoration: underline;/*下画线*/
    }
    p:empty{
    /*选中没有任何子元素的p标签*/height: 20px;
    width: 200px;
    background-color: yellow;
    }
    </style>
    </head>
<body>
<div>
    <p>第一个p标签</p>
    <p>第二个p标签</p>
    <p></p> <!--没有子元素的p标签--></div>
<div>
    <a>父元素中仅有子元素的a</a></div>
</body>
</html>